<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/zhu.css"/>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
<body>
    <div class="tou">
        <div class="toulun">
            <div class="toub">
                <p>YSL「夜皇后」精华细致毛孔，平滑透亮，5.21-5.31购正装买1赠1</p>
            </div>
            <div class="toub">
                <p>5.21-5.31，618狂欢盛典来袭，臻享免费刻字礼遇，任购正装至高叠享10件礼</p>
            </div>
            <div class="toub">
                <p>YSL1966哑光版小金条新色上市，5.21-5.31买即赠香水体验3件礼</p>
            </div>
            <div class="toub">
                <p>YSL「夜皇后」精华细致毛孔，平滑透亮，5.21-5.31购正装买1赠1</p>
            </div>
            <div class="toub">
                <p>5.21-5.31，618狂欢盛典来袭，臻享免费刻字礼遇，任购正装至高叠享10件礼</p>
            </div>
        </div>
    </div>
    		<!--首页-->
		
    
    <div class="shou">
        <div class="shoub">
            <div class="shou1">
                <div class="shou11">
                    <p>专柜查询</p>
                    <p>客服中心</p>
                </div>
                <div class="shou12">
                    <p>关注我们</p>
                    <p>登录与注册</p>
                    <p>购物袋 <span>0</span>件商品</p>
                </div>
                <div class="shou12_yi">
                    <ul>
                        <li><img src="./img/guan1.jpg"><p>小程序商城</p></li>
                        <li><img src="./img/guan2.jpg"><p>微信公众号</p></li>
                        <div class="qing"></div>
                    </ul>
                    <ul class="xian1">
                        <div class="xianlf">
                            <p>用户登录</p>
                            <u><span>短信验证登录</span><span>账号密码登录</span></u>
                            <input type="text" name="iph" value="*手机号">
                            <input type="text" name="yan" value="*验证码">
                            <input type="text" name="duanyan" value="*短信验证码"><button class="fa">发送</button>
                            <p><button>登录</button></p>
                        </div>
                        <div class="xianri">
                            <p>官网专享</p>
                            <p>加入YSL官网的过程很简单.您只需点击"立即注册".即可进入注册过程,尊字会员专属权益,
                            </p>
                            <ul>
                                <li>查看历史订单</li>
                                <li>官网独家礼赠</li>
                                <li>收藏您喜欢的产品</li>
                                <li>一首新品资讯</li>
                            </ul>
                            <button>创建账户</button>
                        </div>
                    </ul>
                    <div class="qing"></div>
                </div>		
                <div class="qing"></div>
            </div>
            
            <div class="tu">
                <img src="img/logo@2x.png"/>
            </div>
        </div>
    </div>
    	<!--导肮-->
    <div class="daobox">
        <div class="dao">
            <ul>
                <li>夏日宠粉季</li>
                <li>彩妆
                    <div class="dao1">
                        <div class="dao11">
                            <ul>
                                <li>唇部</li>
                                <li>唇膏</li>
                                <li>唇釉</li>
                            </ul>
                            <ul>
                                <li>面部</li>
                                <li>妆前隔离</li>
                                <li>粉底</li>
                                <li>粉饼</li>
                                <li>明彩笔</li>
                                <li>散粉</li>
                                <li>腮红</li>
                            </ul>
                            <ul>
                                <li>眼部</li>
                                <li>睫毛膏</li>
                                <li>眉笔</li>
                                <li>眼影</li>
                            </ul>
                        </div>
                        <div class="dao12">
                            <div class="dao12-1">
                                <img src="./img/yin1.jpg">
                                <ul>
                                    <li>YSL[小金条]N°1966</li>
                                    <li>无法复刻</li>
                                    <li>了解详情</li>
                                </ul>
                            </div>
                            <div class="dao12-1">
                                <img src="./img/yin2.jpg">
                                <ul>
                                    <li>YSL[脾气点]星芒限定版</li>
                                    <li>高定闪片药师来袭</li>
                                    <li>了解详情</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>护肤
                    <div class="dao1">
                        <div class="dao11">
                            <ul>
                                <li>唇部</li>
                                <li>唇膏</li>
                                <li>唇釉</li>
                            </ul>
                            <ul>
                                <li>面部</li>
                                <li>妆前隔离</li>
                                <li>粉底</li>
                                <li>粉饼</li>
                                <li>明彩笔</li>
                                <li>散粉</li>
                                <li>腮红</li>
                            </ul>
                            <ul>
                                <li>眼部</li>
                                <li>睫毛膏</li>
                                <li>眉笔</li>
                                <li>眼影</li>
                            </ul>
                        </div>
                        <div class="dao12">
                            <div class="dao12-1">
                                <img src="./img/yin3.jpg">
                                <ul>
                                    <li>YSL[小金条]N°1966</li>
                                    <li>无法复刻</li>
                                    <li>了解详情</li>
                                </ul>
                            </div>
                            <div class="dao12-1">
                                <img src="./img/yin4.jpg">
                                <ul>
                                    <li>YSL[脾气点]星芒限定版</li>
                                    <li>高定闪片药师来袭</li>
                                    <li>了解详情</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>香水
                    <div class="dao1">
                        <div class="dao11">
                            <ul>
                                <li>唇部</li>
                                <li>唇膏</li>
                                <li>唇釉</li>
                            </ul>
                            <ul>
                                <li>面部</li>
                                <li>妆前隔离</li>
                                <li>粉底</li>
                                <li>粉饼</li>
                                <li>明彩笔</li>
                                <li>散粉</li>
                                <li>腮红</li>
                            </ul>
                            <ul>
                                <li>眼部</li>
                                <li>睫毛膏</li>
                                <li>眉笔</li>
                                <li>眼影</li>
                            </ul>
                        </div>
                        <div class="dao12">
                            <div class="dao12-1">
                                <img src="./img/yin5.jpg">
                                <ul>
                                    <li>YSL[小金条]N°1966</li>
                                    <li>无法复刻</li>
                                    <li>了解详情</li>
                                </ul>
                            </div>
                            <div class="dao12-1">
                                <img src="./img/yin6.jpg">
                                <ul>
                                    <li>YSL[脾气点]星芒限定版</li>
                                    <li>高定闪片药师来袭</li>
                                    <li>了解详情</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>定制服务</li>
                <li>会员中心</li>
                <li>品牌故事</li>
            </ul>
            <p>
                <input type="text" name="suo"/>
                <span class="iconfont icon-ic_search24px"></span>
            </p>
        </div>
    </div>
    
    <!-- 注册内容 -->
    <div class="zhu">
        <div class="zhulf">
            <div class="zhutou">
                <p>我是以注册用户，前往<a href="./deng.html">登录</a></p>
            </div>
            <div class="ce">
                <p>新用户注册</p>
                <p>称谓 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="agxn">女士 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="agxj">男士</p>
                <div class="celf">
                    <p>您的手机</p>
                    <input type="text" name="iph" id="iph" placeholder="请输入有效的手机">
                    <p>密码</p>
                    <input type="text" name="pwd" placeholder="至少8位数，包含大小写子午和数字（或符号)">
                    <p>请输入验证码</p>
                    <input type="text">
                </div>
                <div class="ceri">
                    <p>姓名</p>
                    <input type="text" name="idr">
                    <p>确认密码</p>
                    <input type="text" name="paw1" placeholder="请再次输入您的密码">
                    <p>短信验证码</p>
                    <p><input type="text"><button class="">获取短信验证码</button></p>
                </div>
            </div>
            <p><input type="checkbox">我同意依照本使用条款和隐私政策对我的个人信息进行收集和使用;我已阅读并确认被给予充分机会理解该使用条素款和隐私政策的内容。</p>
            <button id="zhuce">同意协议并注册</button>
        </div>
        <div class="zhuri">
           <div class="zhuri-1">
                <h2>注册成为圣罗兰官网会员即可尊享</h2>
                <ul>
                    <li>获取在最新商品信息</li>
                    <li>已注册邮箱将第—时间获取特价促销、新品发布、礼盒套装及更多会员专享资讯。</li>
                    <li>订单历史记录</li>
                    <li>查看您的订单详情,及时了解物流配送状态。</li>
                    <li>生日礼遇</li>
                    <li>完善个人生日信息,生日当月发现惊喜,届时请直看已主册邮箱。</li>
                    <li>快速购买通道</li>
                    <li>我们会在您的账户中保存历史账单和配送信息,使您方便快捷地购物。</li>
                </ul>
                <p>(了解更多隐私政策)</p>
           </div>
           <div class="zhuri-2">
               <ul>
                   <li>客户服务</li>
                   <li>如果有任何问题，请联系我们</li>
                   <li>400-820-6362</li>
                   <li>（周一至周五 9：00-18：00）</li>
                   <li><button>在线咨询</button></li>
               </ul>
           </div>
        </div>
        <div class="qing"></div>
    </div>

    <!-- 后面按 -->
    <div class="tebox">
        <div class="te">
            <ul>
                <li class="iconfont icon-lock"></li>
                <li>正品保证</li>
                <li>官方直供原装</li>
            </ul>
            <ul>
                <li class="iconfont icon-wuliukuaidiche"></li>
                <li>免费顺丰速递</li>
                <li>港澳台偏远地区除外</br>亦可提供普通快递服务</li>
            </ul>
            <ul>
                <li class="iconfont icon-gift_icon"></li>
                <li>高定礼盒</li>
                <li>尊享YSL高定礼盒包装</br>甄享官网专属定制服务</li>
            </ul>
            <ul>
                <li class="iconfont icon-lock"></li>
                <li>关注公众号</li>
                <li>了解品牌最新信息</li>
            </ul>
        </div>
    </div>
    
    <!--最后一首-->
        <div class="shui">
            <ul>
                <li>618狂欢盛典</li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul>
                <li>彩妆</li>
                <li>唇部</li>
                <li>面部</li>
                <li>眼部</li>
            </ul>
            <ul>
                <li>护肤</li>
                <li>按产品分类</li>
                <li>按功能分类</li>
                <li>按系类分类</li>
            </ul>
            <ul>
                <li>香水</li>
                <li>女士香水</li>
                <li>男士香水</li>
                <li>高定香水</li>
            </ul>
            <ul>
                <li>限定礼盒</li>
                <li>订阅电子杂志</li>
                <li><input type="text" name="za"/><span>ok</span></li>
                <li>关注我们</li>
                <li><span></span><span></span></li>
                <li>联系我们</li>
                <li>电话：400-820-6362</li>
            </ul>
        </div>
        
        
        <!--后log-->
        <div class="log2">
            <img src="img/logo@2x.png"/>
        </div>
        
        <!--页尾-->
        <div class="yeweibox">
            <div class="yewei">
                <p>
                    国家药监局提示您：宣称用于祛斑美白丶防晒丶染发丶烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特子”或者“国妆特进字”的标准文号。
                </p>
                <p>
                    &copy;欧莱雅（中国）有限公司 中国工商 沪ICP备08100043号-28 沪公网安备31010602001529号
                </p>
                <p>
                    <a href="jvavscript:;">Cookies政策</a><a href="jvavscript:;">使用条款</a><a href="jvavscript:;">隐私政策</a><a href="jvavscript:;">网站地图</a>
                </p>
            </div>
        </div>

    <script src="./js/zhu.js"></script>
</body>
</html>